*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}
ul li{
    list-style: none;
}
body,html{
    width: 100%;
    height: 100%;
    color: #333;
    background-color: #f2c11f;
}
#container{
    width: 100%;
    background-color: #eee;
    overflow: hidden;
    background-image: url(../img/bge.png);
    background-repeat: no-repeat;
    background-size: 100%;  
    overflow: hidden;
    background-color: #f2c11f;
    margin-bottom: .533333rem;
    .form-in{
        width: 9.066667rem;
        height: 14.3rem;
        margin: 0 auto;
        background-image: url(../img/bg.png);
        background-repeat: no-repeat;
        background-size: 100% 14.3rem;   
        overflow: hidden;
        margin-top: 6rem;
        overflow: hidden;
        border-radius: 20px;

        ul{
            margin-top: 1.6rem;
            li{

                width: calc(100% - 1.2rem);
                margin-top: .333333rem;
                padding: 0 .6rem;
                height: .933333rem;
                input{
                    width: 100%;
                    outline: none;
                    border: none;
                    text-indent: .266667rem;
                    background-color: antiquewhite;
                    font-size: 12px;
                    height: .933333rem;
                    line-height: .933333rem;
                    border-radius: .2rem;
                    -webkit-border-radius: .2rem;
                    -moz-border-radius: .2rem;
                    -ms-border-radius: .2rem;
                    -o-border-radius: .2rem;
                }
                
            }
            li.code{
                input{
                    width: 4.666667rem;
                }
               
                span{
                    float: right;
                    width: 2.666667rem;
                    height: .933333rem;
                    line-height: .933333rem;
                    font-size: .16rem;
                    text-align: center;
                    background-color: #f18d09;
                    border-radius: .2rem;
                    -webkit-border-radius: .2rem;
                    -moz-border-radius: .2rem;
                    -ms-border-radius: .2rem;
                    -o-border-radius: .2rem;
                    color: #fff;
                }
            }
        }
        .apply{
            border: none;
            outline: none;
            display: inline-block;
            width: calc(100% - 1.2rem);
            height: 1.2rem;
            background-image: url(../img/step.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;  
            margin-left: 0.6rem;
            margin-top: .4rem;
            background-color: #fff;
        }
    }
}

